.container.coupon-count {
  .nm {
    margin-bottom: 0;
  }
  .situation {
    width: 100%;
    display: flex;
    .situation-item {
      flex: 1;
      height: @size * 0.9;
      margin: @space;
      text-align: center;
      color: @white;
      .radius(@space / 2);
      position: relative;
      overflow: hidden;
      .flexColumn();
      .flexCenter();
      transition: all ease-in-out 200ms;
    }
    div:first-child {
      background-color: @orange;
    }
    div:nth-child(2) {
      background-color: @green;
    }
    div:last-child {
      background-color: @deepGreen;
    }
  }
  .coupon-table {
    li {
      width: 100%;
      height: 80px;
      border-bottom: 1px #ccc solid;
      display: flex;
      .coupon-table-name {
        width: 100px;
        background: #bcdafa;
        display: flex;
        align-items: center;
        justify-content: center;
        span {
          width: 25px;
        }
      }
      .coupon-table-content {
        flex: 1;
        flex-direction: row;
        background: #fff;
        div {
          width: 15%;
          height: 80px;
          float: left;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }
      }
    }
  }
}
